<template>
  <div class="main">
      <img class="imgPre" :src="hotImage" alt="">
  </div>
</template>

<script>
export default {
    name: "imagePreview",
    data(){
        return{
            hotImage:''
        }
    }
}
</script>

<style scoped>
.main {
    position: absolute;
    background: rgba(0, 0, 0, 0.9);
    /*铺满屏幕*/
    min-width: 64em;
    min-height: 37.5em;
    display: flex;
    opacity: 50;
    overflow: hidden;
    justify-content: center;
}
.imgPre{
    height: 37.5em;
    width: auto;
    border-radius: 50%;
}
</style>